<!DOCTYPE html>
<html lang="ja">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=896">
		<link rel="stylesheet" href="style.css">
		<style>
		p {
			margin: 0;
		}
		</style>
		<title>touch</title>
		<script>
			addEventListener("load", function() {
				var log = document.getElementById("log");
				addEventListener("touchstart", function(e) {
					e.preventDefault();
				});
				addEventListener("touchmove", function(e) {
					e.preventDefault();
					if (log.childNodes.length > 20) {
						log.removeChild(log.lastChild);
					}
					var p = document.createElement("p");
					p.innerText = "[" + (new Date()).getTime() + "] event: " + e;
					log.insertBefore(p, log.firstChild);
				});
			});
		</script>
	</head>
	<body>
		<div id="log"></div>
	</body>
</html>
